/*
colors:
    // Side Menu Color :
    Main Red :          #ddb761 

    // Header Color 
    Blue :              #556a93

    //
    Darker Red :        #931d2d

    // Links 
    Focus Links         #af344e

    // Student Profile 
    Panel Background 
                            #556a93
    font color :            #31708f
 
    // Menu Header 
                        #dcdcdc
    
    footer :            #313131

    White :             #ffffff
    Offwhite :          #EEEEEE
    Offwhite b :        #f5f5f5
    Offwhite c :        #ecf0f1

    Beige:              #ECFBD4


    Light Gray :        #D0E3EF
    
    

    Light Blue :        #87CEEB
    
    Lemon :             #CCFF66
    
*/

 .updateViewBytton , .updateViewBytton:hover {

    background: #ddb761 none repeat scroll 0 0;
    border: 1px solid #931d2d;
    color: #ffffff;

}

/*------------------grid style--------------------*/
   div.ajaxloading {
    background-color: #f5f5f5;
}


.grid-view table.items
{
    background: #ffffff;
    border: 1px #D0E3EF solid;
}

.grid-view table.items th, .grid-view table.items td
{
    border: 1px #ffffff solid;
}

.grid-view table.items th
{
    color: #ffffff;
    /*background: url("bg.gif") repeat-x scroll left top #ffffff;*/
}

.grid-view table.items th a
{
    color: #EEEEEE;
}

.grid-view table.items tr.even{
    background: #f5f5f5;
}
.grid-view table.items tr.odd {
    background: #ecf0f1 none repeat scroll 0 0;
}

.grid-view table.items tr.selected{
    background: none repeat scroll 0 0 #87CEEB;
}
.grid-view table.items tr:hover.selected{
    background: #CCFF66;
}

.grid-view table.items tbody tr:hover
{
    background: #ECFBD4;
}


.grid-view .filters input,
.grid-view .filters select
{
    border: 1px solid #ccc;
}

.pager li.page > a,.pagination li.page > a {
    color: #4f4f4f;
}
ul.yiiPager .selected a {
    background: #ddb761 none repeat scroll 0 0;
    color: #ffffff;
}

.pager li > a span,.pagination li > a span{
    color:#4a8eb3;
}
.dropDown_pager span{
    color: #4f4f4f;
}
.dropDown_pager select{
    border: 1px solid #D4D4D4;
}
.header_top {
    background-color: #556a93;
    border-bottom: 2px solid whitesmoke;
}

.text_logo_master {
    color: #edf0f3;
}
.text_logo_child{
    color: #edf0f3;
}

.label_welcome p{
    color: #bd9c16;
}
.label_welcome a{
    color: #bd9c16;
}
.menu_mainContent{
    background-color: #dcdcdc;
}
.label_menu {
    color: #556a93;
}
.menu_header {
    background-color: #dcdcdc;
    box-shadow: 0 40px 40px -40px #dfdfdf inset;
}

.sideBar{
    background-color: #ddb761;
}

.menuItem {
    border-bottom: 1px solid #9a893f;
}
.menuItem:hover ,.menuItem:focus{
    box-shadow: 0 4px 4px -3px #9a893f;
    -moz-box-shadow: 0 4px 4px -3px #9a893f;
    -webkit-box-shadow: 0 4px 4px -3px #9a893f;
}

.menuItemActive {
    box-shadow: 0 5px 5px -3px #9a893f;
    -moz-box-shadow: 0 5px 5px -3px #9a893f;
    -webkit-box-shadow: 0 5px 5px -3px #9a893f;
}
.menuItem img{
    color:#79acce;
}
.menuItem span{
    color: #f0f0f0;
}

.main_content{
    background-color: #F5F5F5;
}

.navbar-default {
    background-image: linear-gradient(to bottom, #DFDFDF 0%, #DFDFDF 100%);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: none;
}
.navbar-default {
    background-color: #DFDFDF;
    border-color: #DFDFDF;
}

.img_menu a{
    color: #EDF0F3;
    font-weight: 600;
}

.breadcrumb > li + li::before{
    color: #ddb761;
}

.breadcrumb li a{
    white-space: nowrap;
    color: #ddb761;
}
.breadcrumb li:last-child span{
    color: #556a93;
}


.grid-view table.items th {
    color: #fff;
    background-color: #556a93;
}

.grid-view table.items td {
    border: 1px solid #ddd;
}
table thead th {
    background-color: #556a93;
    color: #ffffff;
}
table thead td{
    border:1px solid #DFDFDF;
}

table tbody td{
    border:1px solid #DFDFDF;
    color:#6F6F6F;
}

.listaction div{
    color:#4a8eb3;
}
.listaction div a{
    color: #3d3d3d;
}

.listaction1 , .listaction2 , .listaction3 {
    color:#4a8eb3;
}
.grid-view table.items tbody tr:hover {
    background-color: #c4e3f3;
}
.grid-view table.items tbody tr.selected:hover {
    background-color: skyblue;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #efefef;
}
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background-color: #fbfbfb;
}

.table > thead > tr > th {
    border-bottom: 0 solid #DDDDDD;
}
/********* lookup style **********/
label {
    color: #4f4f4f;
}

label span{
    color: red;
}

select {
    border: 1px solid #D4D4D4;
}
input[type='text'] , input[type='password']{
    border: 1px solid #D4D4D4;
}

textarea {
    border: 1px solid #D4D4D4;
}
/**
Edit style of create view
*/

input[type="submit"],.btn-submit{
    background: #556a93 none repeat scroll 0 0;
    border: 1px solid #263e4e;
    color: #ffffff;
}
input[type="submit"]:disabled{
    background:#D66271;
}
.btn_link,.btn_cancel, input.btn_link[type="submit"] {
    background: #9c9c9c none repeat scroll 0 0;
    border: 1px solid #8e8e8e;
    color: #ffffff;
}
.btn_cancel:hover,.btn_cancel:focus,
.btn_link:hover,.btn_link:focus{
    color: #ffffff;
}

.errorSummary{
    border: 1px solid #cc0000;
    background-color: #fff3f2;
}
.errorSummary p , .errorMsg{
    color: #cc0000;
}
.errorSummary ul li{
    color: #cc0000;
}

.errorRow{
    background-color: #FBC2C4;
}
.selectedRow{
    background-color: #9fcae7;
}
/************** Modules mens style **********/

.submenu li a{
    color: #666767;
}

.submenuActive{
    text-decoration-color: #107ba7;
    -moz-text-decoration-color: #107ba7;
}
.menulevel1 {
    border-left: 1px solid #D9D9D9;
}


/*************** tabs style **************/
.yiiTab ul.tabs {
    background: #556a93 none repeat scroll 0 0;
}
.yiiTab ul.tabs li {
    color: rgb( 69, 143, 187 );
}
.yiiTab ul.tabs a:link {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
}

.yiiTab ul.tabs a.active {
    background: #efefef none repeat scroll 0 0;
    color: #556a93;
}
.yiiTab ul.tabs a {
    border-color: #4F81BD #4F81BD -moz-use-text-color;
}

.yiiTab div.view {
    background: #efefee none repeat scroll 0 0;
    border-color: #eeeeee;
}
/*************** flash messages *************/
div.flash-error, div.flash-notice, div.flash-success{
    border:2px solid #ddd;
}
div.flash-error{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}
div.flash-notice{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}
div.flash-success{
    background:#E6EFC2;
    border-color:#C6D880;
    color:#5F962A;
}
div.flash-error a{
    color:#8a1f11;
}
div.flash-notice a{
    color:#514721;
}
div.flash-success a{
    color:#264409;
}

/*************** login style ***************/
.site_title {
    /*font-family: 'GE_SS_TV_Bold';*/
    color: #146E93;
    text-shadow: 1px 1px 5px #73A0B2;
}
.site_description {
    /*font-family: 'GE_SS_TV_Bold';*/
    color: #0D6A90;
}
.error_login {
    background-color: #fff3f2;
    border: 1px solid #cc0000;
    color: #cc0000;
}

.login-seprator {
    border-right: 1px solid #989999;
}
.login-box {
    background-color: #ddb761;
    border: 1px solid #cccccc;
/*    height: 296px;*/
}

.login_label {
    color: #0d6a90;
}
.input_custom {
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
    color: #3a3a3a;
}

.login_btn {
    background-color: #8d2a39;
    border: 1px solid #862a38;
    color: #f5f5f5;
}

/************ Arrow style ********/

.success_recovery {
    border: 2px solid #ddd;
    background-color: #E6EFC2;
    color: #5F962A;
    border-color:#C6D880;
}
.success_recovery2 {
    border: 2px solid #ddd;
    background-color: #E6EFC2;
    color: #5F962A;
    border-color:#C6D880;
}
.recovery_btn{
    color: #12739b;
    color: #12739b;
}
/******* change password *****/

.wrapper {
    background: #ffffff;

    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);

    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

.ribbon {
    color: #333;
    text-shadow: white 0px 1px 0px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    color:#6a6340;
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.3);
}

.ribbon::before {
    border-top: 10px solid #939393;
}
.ribbon::after {
    border-top: 10px solid #939393;
}
/******* end change password ***/
.changePassword_label{
    color:#ffffff;
}
.dynamic_error{
    border: 1px solid #cc0000;
    background-color: #fff3f2;
    color: #CC0000;
}

.header_title{
    color:#107BA7;

}

.Record_Gurdian{
    background-color: #FFD1B2;

}
.addAction{
    color: #4A8EB3;
}

.school_donation_button{
    background:#ddb761 none repeat scroll 0 0;
    border: 1px solid #931d2d;
    color: #FFFFFF;
}
.delete_btn {
    border: 1px solid #3d6a8e;
    color: #ffffff;
}
.Active_btn_link{
    border: 1px solid #909090;
    color: #FFFFFF;
}
.SchoolYear{
    color: #6eb2ea;
}

.Reports-header-title{
    color:#486f91;
}

.customTable tr td{
    background-color: #a3b3b7;
    color:#fbfbfb;
}
.NotAuthMsg{
    color: #3d3d3d;
}


/************ Data view *********/

table.detail-view th, table.detail-view td {
    border: 1px solid #e3e3e3;
    color: #333333;
}
table.detail-view tr th {
    background: none repeat scroll 0 0 #efefef;
}
table.detail-view tr td {
    background: none repeat scroll 0 0 #fafafa;
}
.detailview-header {
    background: #556a93 none repeat scroll 0 0;
    color: #ffffff;
}
.grid-view table.items td{
    border: 2px solid #DFDFDF;
}

/******** Confirm Dialog **/
.ui-dialog .ui-dialog-buttonpane {
    background-color: #FEFEFE;
    border-top: 1px solid #ddd;
}

.ui-dialog .ui-dialog-buttonpane button {
    border: 1px solid #cccccc;
    background: #46617a none repeat scroll 0 0;
    color: #FEFEFE;
}

.img-nav-gray{
    -webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.img-nav-rGray{
    -webkit-filter: grayscale(0%);filter: none;
}


.navbar-sideMenu .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-sideMenu .navbar-collapse, .navbar-sideMenu .navbar-form {
    border-color: #101010;
}

.droplistaction li a {
    color: #4a8eb3;
}

input[type="submit"].PDFSubmit{
    color: #999;
}


.regLayout{
    box-shadow: 0 40px 40px -40px #dfdfdf inset;
}
.regTitle {
    color: #3a3b3a;
}
.regBtn{
    -moz-box-shadow:0 5px 10px 0 #cccccc;
    -webkit-box-shadow:0 5px 10px 0 #cccccc;
    box-shadow:0 5px 10px 0 #cccccc;
    border:1px solid #dcdcdc;
}
.regBtn:hover{
    background-color: #EDEDED;
}

.web-portal-title{
    border: 1px solid #eee;
    color: #107ba7;
}

.adTitle{
    color: #367792;
}
.adContent{
    color: #333333;
}

.user-pic{
    background-color: #f5f5f5;
    border: 2px solid #888;
}

body {
    background-color: #f5f5f5;
}
.footer{
    background-color: #313131;
}
.copyRight{
    color: #f0f0f0;
}

input.login-control,
select.login-control,
input.login-control[type="text"],
input.login-control[type="password"]{
    border: 1px solid #cccccc;
}

.login-help-link{
    color: #f5f5f5;
}
.login-help-link:hover, .login-help-link:focus {
    color: #FFFFFF;
}
input[type="submit"].btn-login,.btn-login{
    background-color: #3e5c76;
    border: 1px solid #3e5c76;
    color: #f5f5f5;
}
.btn-login:active:focus{
    outline: 0;
}
input[type="submit"].btn-login:hover,
input[type="submit"].btn-login:focus,
.btn-login:hover,
.btn-login:focus{
    background-color: #304a61;
    color: #f5f5f5;
    border: 1px solid #3e5c76;
}

.login_username{
    color: #F5F5F5;
}
.glyphicon-flash::before {
    color: #c6c6c6;

}
select:disabled,
input[type='text']:disabled,
.select2-container-disabled,
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #e6e6e6;
}

li.favoriteItem a{
    background-color: #e8e8e8;
    color: #556a93;
}

li.favoriteItem a:hover,li.favoriteItem a:focus{
    background-color: #e8e8e8;

}

p.notify{
    background: #ddb761 none repeat scroll 0 0;
    border: 1px solid #990619;
    color: #ffffff;
}
/******* drop down notify *********/

p.seeall{
    color: #ddb761;
}
li.notifyItem{
    border-bottom: 1px solid #d7d7d7;
}

li.notifyItem a{
    background-color: #e8e8e8;
    color: #313131;
}
li.unread{
    background: #E3EFF2;
}
li.notifyItem a:hover,li.notifyItem a:focus{
    background-color: #e8e8e8;

}
.notifyItem p span{
    color: #ddb761;
}
a#seeall{
    background: #f5f5f5 none repeat scroll 0 0;
    border-top: 1px solid #d7d7d7;
}
a#seeall p.seeall:hover ,a#seeall p.seeall:focus{
    color: #C40505;
}
.arrow-up {
    border-bottom: 10px solid #ffffff;
}
p#dateNotify,p#sender{
    color: #757575;
}

.ui-widget-header{
    background: #556a93!important;
}

.ui-widget-content{
    border: #d5d5d5 solid 1px;
}

a:hover, a:focus{
    color:#ddb761;
}

.yiiTab ul.tabs{
    border-bottom: 1px solid #7B7B7B;
}


.ui-tabs .ui-tabs-nav {
    border-bottom: 1px solid #7B7B7B;
    background: #556a93 none repeat scroll 0 0;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav  {
        color: #ffffff;
}
li.ui-tabs-active a {
    color: #556a93 none repeat scroll 0 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color:#556a93;
}

.fc-header{
   background-color:#F5F5F5;
}

.fc-content{
    background:#ffffff;
}

div.submitbutton > a {
    color:#3d6a8e!important
}



/* SMIS Font Icon Menu Colors and Classes */
    /*
    Hover Color for Level 1 Icons is the same as sidebar background color 
    */
   
   .grid-icons-color{
        color:#666767;
    }

    a > i.grid-icons-color:hover{
        color:#666767;
        text-decoration: none!important;
    }
    a.level1-icon:hover , a.level1-icon > i:hover{
        text-decoration: none;
        color:#ddb761!important;
    }
    /* Hover Color for Header-Menu Links Icons is the same as Header background color */
    a.main-menu-links { 
        color:#2f3f4f;
    }
    a.main-menu-links:hover, a.main-menu-links > i:hover {
        text-decoration: none;
        color:#2a6496!important;
    }

    a > i.grid-icons-color {
        color:#2f3f4f!important;
    }
    i.grid-icons-color:hover {
        text-decoration: none!important;
    }
 /* This Class is releated to Bar Icons */
 .collapse-img {
    color:white!important;
 }

   .theme-color {
    background-color: #ddb761; 
  }

.sideColor{
    color: #ddb761;
}

.headerColor{
    color: #556a93 ;
}

* By naser
 make the collapse change behavior in arabic and english mode
 
 */
 .arabic-collapse-img{
    float: right;
    margin-top: 20px;
    margin-right: 5px;
 }
 .arabic-pic-container{
    float: left;
}

.english-collapse-img{
    float: left;
    margin-top: 20px;
    margin-left: 5px;
 }
 .english-pic-container{
    float: right;
}