/* Create your style on here */
.media, .media-body {
    overflow: visible !important;
}

/*Handle current error colors*/

.error-message{
    font-size: 12px;
    font-style: italic;
    color: #E9573F;
    display: inline-block;
    margin-bottom: 10px;
}

#flashMessage {

	background-color: #e9f9fc;
    border-color: #e9f9fc;
    color: #1cadca;
    padding: 10px;
    margin-bottom: 10px;

}


.required > label.error {
    color: red;
    font-style: italic;
}

/* Current cake pagination override with bootstrap style */
div.paging{

    vertical-align: middle;
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    background: none;
        border: none;
    position: relative;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


 .paging > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

div.paging > .current {
    background-color: #00b1e1;
    border: 1px solid #00b1e1;
    color:white;
}

.paging > span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}


div.paging > span.current:hover{

    background-color: #00b1e1;
    border: 1px solid #00b1e1;
}

.scrol_border{
    background: #fff;
    height: auto;
    padding: 20px;
    border: 1px solid #ddd;
    max-height: 200px;
    overflow: auto;
}

/*Tabs*/

.ui-accordion,.ui-accordion-header:focus{
    outline: none;
}

.ui-accordion-content {
    border-color: #ddd; 
}

.ui-accordion h3 {
    height: 38px !important;
    border: none;
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.course_name_heading_new:hover{
    color:green;
}

.ui-accordion h3:hover{
    background-color: #F3F3F3;
    color:green;
}

.ui-accordion h3 ui-icon-triangle-1-s{
    display:none;
}


span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {
    display: none;
}

span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
    display: none;
}

span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
    display: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-defaul{
    background: whitesmoke !important;
    border-color: #ddd;

}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-defaul:hover{
    background: #F3F3F3 !important;
    border-color: #ddd;
}

.txtBlue
{
    color:#31B3EE !important;
    font-size: 15px !important;
}

.topBorder {
    border-top: 1px solid #898787;
}
.p-t-sm {

    padding-top: 10px !important;
}
.p-t-md {

    padding-top: 20px !important;
}
.p-t-lg {

    padding-top: 30px !important;
}

.p-b-sm {

    padding-bottom: 10px !important;
}
.p-b-md {

    padding-bottom: 20px !important;
}
.p-b-lg {

    padding-bottom: 30px !important;
}
.p-horizontal-sm {

    padding-left: 5px !important;
    padding-right: 5px !important;
}

.m-t-sm {

    margin-top: 10px !important;
}
.m-t-md {

    margin-top: 20px !important;
}
.m-t-lg {

    margin-top: 30px !important;
}

.m-b-sm {

    margin-bottom: 10px !important;
}
.m-b-md {

    margin-bottom: 20px !important;
}
.m-b-lg {

    margin-bottom: 30px !important;
}


/*Custom Error Display*/

.fieldErrorClass{
    color: red;
    font-style: italic;
    font-weight: normal;
    display: inline-block;
    cursor: default;
    width:100%;
}

.control-label em{
    color: #E9573F !important;
    float: right;
    position: relative;
    top: 3px;
    left: 1px;
}

.border-green{
    border:solid 1px rgba(0, 128, 0, 0.26) !important;
}

.color-pink{
    color: rebeccapurple;
    font-style: italic;
}


/* Added by Vinayak */
.new_style{
    min-height: 30px;
    font-size: 14px;
    padding: 0px !important;
}
.small_new_style {
    min-height: 30px;
    font-size: 12px;
    padding: 0px !important;
}
.box_style{
    min-height: 30px;
    font-size: 14px;
    padding: 0px !important;
}
.resource_image { height: 97px; }
.resource_image img { max-width: 140px; }
.nrc { padding-top: 29px; }
.emims { padding-top: 33px; }
.ebook { padding-top: 29px; }
.mosby { padding-top: 33px; }
.jbi { padding-top: 15px; }
.infomit { padding-top: 20px; }
.mini-stat-type-4 h4 {
    height: 11px;
}
/* End of Added by Vinayak */

/* Added by mahesh */
.comment_box {
 border:1px #00b1e1 solid;
 border-radius: 5px;
 margin-bottom:8px;
}
.comment_box_content {
padding-top: 5px;
}
.comment_box_faq {
    border: 1px #00b1e1 solid;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 4px;
    margin-top:20px;
    margin-left:20px;
    padding-bottom:12px;
}
.comment_box_disc {
    border: 1px #00b1e1 solid;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 4px;
    margin-top:20px;
    margin-left:20px;
}
.comment_box_faq a {
    border:none!important;
    background-color: none!important;
}
.sub_menu_margin_left {
    margin-left:25px;
}
.list-group-item-faq a{
     background-color:#E6E6E6!important; 
     color:#00b1e1!important;
}
a.list-group-item-faq:focus, a.list-group-item-faq:hover, button.list-group-item-faq:focus, button.list-group-item-faq:hover{
    background-color: #848484;
    color:#fff!important;
}
.list-group-faq a:hover {
    color:#000000!important;
}
.list-group-item-faq {
    background-color: #D8D8D8;
    margin-bottom: 20px;
    margin-bottom: 10px;
}
.no-pad {
    padding: 0px !important;
    margin-left: 10px!important;
}
.more_btn_comment {
    margin-top: 3px;
}
.pull-down
{
    margin-top: 40px;
}
.pull-down-disc {
    margin-top: 29px;
}
.c_error
{
    border : 1px #FF0000 solid;
}
.main_cat.active a {
    color:#FFF;
    font-weight:bold;
}
.add-pointer{
    cursor:pointer;
}
/* Added by mahesh Ends */
a.head-menu {
    color: #d0d0d0!important;
    vertical-align: sub;
}
.b-color{
    color:#00b1e1;
}
.blck-color {
    color:#000000; 
}
.soon-wrapper {
    text-align: center;
    width: 570px;
    margin: 10% auto 0px;
}
.text-menu a {
    text-transform: uppercase!important;
    color: #fff!important;
}
.text-menu i {
    float: right;
    margin: 8px 15px 8px 8px;
    color: #fff;
}
a.head-menu:hover {
    text-decoration: none;
}
body.page-sidebar-minimize a.head-menu{
    font-size: 11px;
}
.media.rounded.shadow.no-overflows {
    border-bottom: 1px solid #999;
}
.bootstrap-datetimepicker-widget {
    z-index: 900!important;
}
.summary {
    background: #fff;
    margin-bottom: 11px;
    padding: 15px;
    border: 1px solid #ccc;
}
.summary label {
    padding-left: 10px;
}
.table-gray th{
    background: #ccc;
}
@-moz-document url-prefix(){
    .table-responsive{
        overflow-x: unset!important;
    }
    .form-control{
      padding: 0 4px;
      height: 25px;   
    }
}
.move-arrows{
     margin-top: 16%;
}
.move-arrows button{
    margin-left: 4px;
}
.col-sm-6.team-align {
    padding-left: 21px;
}
tr.sub-head {
    background: #26b3d6;
    color: #f1f1f1;
}
.sub-head td {
    border: 1px solid #c1c1c1!important;
}
td.sub-title {
    background: #cfcfcf!important;
}
.sub-title span {
    font-size: 14px;
    font-weight: bold;
}
td.amount-td span {
    position: absolute;
}
td.amount-td i {
    vertical-align: text-top;
}
.openWindow {
    padding-left: 2px;
}
td.amount-edit-td input {
    width: 62px;
}
button#button-edit {
    font-weight: bold;
}
.table-primary th table td {
    background: inherit!important;
}
.reference-div {
    padding-left: 10px;
}

.textarea textarea {
    margin-left: 7px;
    margin-top: 28px;
}

.textarea  label {
    position: absolute;
    padding-top: 7px;
    margin-bottom: 5px;
}
.procedure-tab .tab-content>.active {
    min-height: 100px;
    background-color: #fff;
}
.inline-radios .rdio{
    display: inline;
    margin-right: 10px;
}
.error_comment span {
    font-size: 13px;
    font-weight: bold;
}
.comment-content .morelink, .comment-content .lesslink {
    font-weight: bold;
    font-style: italic;
}


/*media query for ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
    .rdio input[type=radio]:checked + label::after {
        width: 15px;
        height: 15px;
    }

    .rdio input[type=radio]:checked + label::before {
        width: 25px;
        height: 25px;
    }

    .procedure-body {
        font-size: 15px;
    }

    .procedure-body table td {
        font-size: 15px;
    }

    .procedure-list td, .procedure-list th {
        font-size: 15px!important;
    }

    .procedure-body input {
        font-size: 13px;
    }

    .procedure-body a.btn {
        font-size: 13px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)  { 
    .inline-radios .rdio{
        display: block;
        margin: 6px 0px;
    }
}