/*-------------page header--------------*/
.new-header{position:relative;width:100%;overflow:hidden;text-align:center;padding:10px}
.new-header h1{display:inline;color:#002b57;font-family:'Francois One',sans-serif;font-size:28px}
.new-header h1:before{content:'';position:absolute;bottom:6px;width:24px;border-bottom:3px solid #00bcd4;left:50%;margin-left:-27px}
.new-header h1:after{content:'';position:absolute;bottom:6px;width:24px;border-bottom:3px solid #00bcd4;left:auto;right:50%;margin-right:-27px}
.new-header h1 span{color: #00bcd4;}
/*-------------page header--------------*/
.form_container{ margin:2em 0em;}
/*////////////////////////////////////////   form header css   /////////////////////////////////////////////////*/
.form-header{width: 100%;overflow: hidden;animation:colorchange 5s infinite;}
@keyframes colorchange {
    0% {
        background: #043140;
    }
    100% {
        background-color: #4CA4CF;
    }
}
.form-header .icon-container{float:left;width:5%;background:#f6ba18;padding:5px;text-align:center;font-size:25px;color:#043140;position:relative}
.form-header .icon-container:after{content:"";width:30%;height:200%;background:#f6ba18;right:0;top:0;-webkit-transform-origin:0 0;-webkit-transform:rotate(-18deg);-moz-transform-origin:0 0;-moz-transform:rotate(-18deg);-ms-transform-origin:0 0;-ms-transform:rotate(-18deg);transform-origin:0 0;transform:rotate(-18deg);position:absolute}
.form-header .main-header{width:95%;}
.form-header .main-header button{color:#fff;margin-top: 6px;font-weight: bold;}
.form-header .main-header h2{color:#fff;margin:6px 0px 0px 30px;line-height:1em;font-family:'Francois One', sans-serif;}
/*////////////////////////////////////////   form header css   /////////////////////////////////////////////////*/

/*////////////////////////form elements/////////////////////////*/
.form-control{color:#043140;background-color:#fff;border-radius:0px !important;border:1px solid rgba(96, 125, 139, 0.44);height:25px;padding:2px 12px;font-size:12px}
label{text-align:left !important;font-size:12px}
.form-group{margin-bottom:5px}
.mandatory-field{color:red;margin-left:10px;font-weight:bold}
/*////////////////////////form elements/////////////////////////*/
.filter-heading h2{font-size:25px;margin-top:0px;color:#12aaeb;font-family:'Francois One',sans-serif}
.onoffswitch{position:relative;width:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;float:right;margin-bottom:5px}
.onoffswitch-checkbox{display:none}
.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #999;border-radius:20px}
.onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin 0.3s ease-in 0s}
.onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:30px;padding:0;line-height:30px;font-size:16px;color:white;font-weight:bold;box-sizing:border-box}
.table-view:before{content:"Table View";padding-left:10px;background-color:#34A7C1;color:#FFFFFF;}
/*
.onoffswitch-inner:before {
    content: "Table View";
    padding-left: 10px;
    background-color: #34A7C1; color: #FFFFFF;
}*/
/*.onoffswitch-inner:after {
    content: "Image View";
    padding-right: 10px;
    background-color: #f6ba18;
    color: #0c0c0c;
    text-align: right;
}*/
.image-view:after{content:"Image View";padding-right:10px;background-color:#f6ba18;color:#0c0c0c;text-align:right}
.onoffswitch-switch{display:block;width:17px;margin:8px;background:#FFF;position:absolute;top:0;bottom:6px;right:156px;border:2px solid #999;border-radius:20px;transition:all 0.3s ease-in 0s}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner{margin-left:0}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{right:0px}
/*---------------------FILTER-HEAD-------------------*/
.fliter-heading{font-size:25px;margin-top:0px;color:#12aaeb;font-family:'Francois One', sans-serif;}
/*---------------------FILTER-HEAD-------------------*/
/*-----------------------------filter-folded container--------------------------------*/
.folded{position:relative;padding:10px;background:#f7fbfd;box-shadow:0 0 5PX #a8cbe1;margin-bottom:10px}
.folded::after{content:'';position:absolute;-webkit-box-shadow:-1px 1px 3px -4px rgba(0,0,0,0.2);-moz-box-shadow:-1px 1px 3px -4px rgba(0,0,0,0.2);box-shadow:-1px 1px 3px -4px rgba(0,0,0,0.2)}
.folded::after{top:0;right:0;border-top:#e3f6ff 0 solid;border-right:#e3f6ff 30px solid;border-bottom:#a8cbe1 35px solid;border-left:#a8cbe1 0 solid}
/*-----------------------------filter-folded container--------------------------------*/

/*---------------------add collapse section---------------------------*/ 
.add-collapse-container{padding:10px;background:rgba(146, 146, 146, 0.09);margin-bottom:20px;border-radius:0px;border-style:double;border-color:#c1c1c1;}
/*---------------------add collapse section---------------------------*/ 

/*------------------------------------view image section------------------------------------*/
.indent-image-container .panel-body{height:150px;overflow-y:scroll}
.indent-image-container img{margin:auto;height:200px;width:200px}
.item-label{font-weight:bold;width:40%;float:left;color:#043140;padding:1px}
.item-value{width:80%;width:60%;float:right;word-break:break-all;padding:1px}
.indent-table-container th{position:relative}.ascen{position:absolute}
.descen{position:absolute;top:17px}
.ascen-descen-span{float:right;margin-right:4px}
/*------------------------------------view image section------------------------------------*/
/*--------------------------------Login Section----------------------------*/
.login-section .btn-link{color:#f03838;cursor:pointer;border:none !important;}
.login-section .btn-link:hover{text-decoration:none;color:#e20808;}
.login-section .btn-link i{margin-right:5px;}
.login-form{background:url(../../images/login/login-bg.jpg);background-repeat:no-repeat;background-size:100% 100%;border:3px solid rgba(255, 255, 255, 0.83);margin:1em 0em;}
.login-form .form-control{color:#fff;background-color:rgba(255, 255, 255, 0);border:none;border-bottom:1px dashed#e3e3e3;height:30px;padding:10px 12px;margin-bottom:1em}
.login-form .form-control:focus{box-shadow:none}
.login-form-inner{margin:4em 1em}
.login-form-inner .btn-danger{color:#fff;background-color:rgba(176, 41, 50, 0.81);border-color:rgba(152, 21, 18, 0.58) !important;background-image:none !important;box-shadow:none !important;margin-top:1em}
.login-form-inner h3{font-size:25px;color:#fff;text-align:center;margin-top:10px}
/*--------------------------------Login Section----------------------------*/
table th{font-size:13px;}
table td{font-size:12px;}
input[type="text"],input[type="textarea"],select,textarea{font-size: 12px;}
/*media query*/
@media only screen and (min-width:1200px) {
    .padding-left-none{ padding-left: 0px !important;}
    .padding-right-none{padding-right: 0px !important;}
}
@media only screen and (max-width:1024px) and (min-width:768px){
    label{font-size:12px}
    .form-header .icon-container::after{height:0}
    .padding-left-none{padding-left:0px}
    .padding-right-none{padding-right:0px !important}
}
@media only screen and (max-width:480px) and (min-width:320px){
    .form-header .main-header button{font-size:12px;font-weight:normal}
    .form-header .main-header h2{line-height:5px;font-size:19px;margin-top:18px}
    .form-header .icon-container{background:transparent}
    .form-header i{background-color:transparent}
    .form-header .icon-container:after{background:transparent}
}
/*media query*/